<div class="breadCrumb clearfix">    
    <ul id="breadcrumbs">
        <li><a href="index-2.html">Home</a></li>
        <li><a href="#">Media</a></li>
        <li>Images gallery</li>
    </ul>        
</div>    

<div class="content">
            
    <div class="row-fluid">                        
        
        <div class="span8">
            
            <div class="widget">
                <div class="head dark">
                    <div class="icon"><span class="icos-picture"></span></div>
                    <h2>Simple Gallery</h2>                    
                </div>                           
                <div class="sGallery clearfix">
                    <div class="item"><a href="/images/examples/photo/example_1.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_1.jpg" width="220"/></a></div>
                    <div class="item"><a href="/images/examples/photo/example_2.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_2.jpg" width="220"/></a></div>
                    <div class="item"><a href="/images/examples/photo/example_3.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_3.jpg" width="220"/></a></div>
                    <div class="item"><a href="/images/examples/photo/example_4.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_4.jpg" width="220"/></a></div>
                    <div class="item"><a href="/images/examples/photo/example_5.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_5.jpg" width="220"/></a></div>
                    <div class="item"><a href="/images/examples/photo/example_6.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_6.jpg" width="220"/></a></div>
                    <div class="item"><a href="/images/examples/photo/example_7.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_7.jpg" width="220"/></a></div>
                    <div class="item"><a href="/images/examples/photo/example_8.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_8.jpg" width="220"/></a></div>
                    <div class="item"><a href="/images/examples/photo/example_9.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_9.jpg" width="220"/></a></div>
                    <div class="item"><a href="/images/examples/photo/example_10.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_10.jpg" width="220"/></a></div>
                </div>
            </div>
            
            <div class="widget">
                <div class="head dark">
                    <div class="icon"><span class="icos-picture"></span></div>
                    <h2>Gallery with controls</h2>                    
                </div>                           
                <div class="sGallery clearfix">
                    <div class="item" id="sgImg_1">
                        <a href="/images/examples/photo/example_1.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_1.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_1.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>
                    </div>
                    <div class="item" id="sgImg_2">
                        <a href="/images/examples/photo/example_2.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_2.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_2.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>                            
                    </div>
                    <div class="item" id="sgImg_3">
                        <a href="/images/examples/photo/example_3.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_3.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_3.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>                            
                    </div>
                    <div class="item" id="sgImg_4">
                        <a href="/images/examples/photo/example_4.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_4.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_4.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>                            
                    </div>
                    <div class="item" id="sgImg_5">
                        <a href="/images/examples/photo/example_5.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_5.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_5.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>                            
                    </div>
                    <div class="item" id="sgImg_6">
                        <a href="/images/examples/photo/example_6.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_6.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_6.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>                            
                    </div>
                    <div class="item" id="sgImg_7">
                        <a href="/images/examples/photo/example_7.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_7.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_7.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>                            
                    </div>
                    <div class="item" id="sgImg_8">
                        <a href="/images/examples/photo/example_8.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_8.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_8.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>                            
                    </div>
                    <div class="item" id="sgImg_9">                            
                        <a href="/images/examples/photo/example_9.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_9.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_9.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>                            
                    </div>
                    <div class="item" id="sgImg_10">                           
                        <a href="/images/examples/photo/example_10.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_10.jpg" width="220"/></a>
                        <ul class="controls">
                            <li><i class="icon-pencil"></i> <a href="/images/examples/photo/example_10.jpg" class="fb">Edit</a></li>
                            <li><i class="icon-remove"></i> <a href="#" class="remove">Remove</a></li>
                            <li><i class="icon-download-alt"></i> 2,533 Kb</li>
                            <li><i class="icon-heart"></i> 137</li>
                        </ul>                           
                    </div>
                </div>
            </div>                
            
        </div>
        
        <div class="span4">
            
            <div class="widget">
                <div class="head dark">
                    <div class="icon"><span class="icos-picture"></span></div>
                    <h2>Responsive Image Grid</h2>                    
                </div>                           
                <div class="block-fluid">

                    <ul class="gGallery">
                        <li><a href="/images/examples/photo/example_1.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_1s.jpg"/></a></li>
                        <li><a href="/images/examples/photo/example_6.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_6s.jpg"/></a></li>
                        <li><a href="/images/examples/photo/example_2.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_2s.jpg"/></a></li>
                        <li><a href="/images/examples/photo/example_3.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_3s.jpg"/></a></li>
                        <li><a href="/images/examples/photo/example_4.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_4s.jpg"/></a></li>
                        <li><a href="/images/examples/photo/example_5.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_5s.jpg"/></a></li>
                        <li><a href="/images/examples/photo/example_7.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_7s.jpg"/></a></li>
                        <li><a href="/images/examples/photo/example_9.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_9s.jpg"/></a></li>
                        <li><a href="/images/examples/photo/example_8.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_8s.jpg"/></a></li>                        
                        <li><a href="/images/examples/photo/example_10.jpg" class="fb" rel="group"><img src="/images/examples/photo/example_10s.jpg"/></a></li>
                    </ul>

                </div>
            </div>
            
        </div>            
        
    </div>        
    
</div>  